<script setup>
import LayoutNav from "./components/LayoutNav.vue";

</script>

<template>
  <!-- 模态框 -->
  <div class="bg-weather-first flex flex-col min-h-screen">
    <header class="bg-weather-first shadow-lg sticky top-0 z-10">
      <LayoutNav />
    </header>
    <main class="container text-white">
      <routerView></routerView>
    </main>
  </div>
</template>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 通用样式 */
.bg-weather-first {
  --tw-bg-opacity: 1;
  background-color: rgb(0 102 138 / var(--tw-bg-opacity));
}
.bg-weather-second {
  --tw-bg-opacity: 1;
  background-color: rgb(0 78 113 / var(--tw-bg-opacity));
}
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10rem;
  padding-left: 10rem;
}
</style>